// 欢迎信息，显示用户名
var dlb = document.querySelector('.nav-r .login')
// 获取数据：JSON字符串转换成对象
var str = JSON.parse(localStorage.getItem('obj'))
if(str) { //如果有str  
    var user = str.uname  
    dlb.innerHTML = `欢迎你，${user}`                        
} 
// 导航条
var daohang = document.querySelectorAll(".nav-l .tab li a")
// forEach函数得到li 添加鼠标移入移出事件 
daohang.forEach(item=> {
    item.addEventListener('mouseenter',function(){
        daohang.forEach(i=>i.classList.remove('tab-active'))
        item.classList.add('tab-active')
    })
    item.onmouseleave = function() {
        daohang.forEach(i=>i.classList.remove('tab-active')) 
    }
})
// 返回顶部
// 页面滚动事件
let backtop = document.querySelector('.backtop')
window.addEventListener('scroll', function(){
    
    // 得到页面滚动的距离
    let num = document.documentElement.scrollTop
    console.log(num)
    // 大于300 出现图标
    if (num >= 300) {
        backtop.style.display = 'block'
    } else {
        backtop.style.display = 'none'
    }
})
// 点击返回 
if (backtop) {
    backtop.addEventListener('click' ,function() {
        document.documentElement.scrollTop = 0
    })
}


